<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
    <meta charset="utf-8">
    <title>安全协议设计工具</title>
    <link rel="stylesheet" type="text/css" href="css/identify.css"/>
    <link rel="stylesheet" type="text/css" href="css/layout.css"/>
    <link rel="stylesheet" type="text/css" href="css/account.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/control_index.css"/>

    <link rel="stylesheet" type="text/css" href="css/easyui.css">
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>
    <link rel="stylesheet" type="text/css" href="css/protocolReport.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>

    <script src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/layer.js"></script>
    <script type="text/javascript" src="js/haidao.offcial.general.js"></script>
    <script type="text/javascript" src="js/select.js"></script>
    <script type="text/javascript" src="js/haidao.validate.js"></script>
    <script type="text/javascript" src="js/service.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/testReports.js"></script>


</head>
<body>

<div class="view-topbar">
    <div class="topbar-console">
        <div class="tobar-head fl">
            <a href="#" class="topbar-home-link topbar-btn text-center fl">
                <img src="images/dwlogo.png"  class="logoimg"/>
            </a>
            <div  class="mynav" >
                <span>电力监控协议安全设计工具</span>
            </div>
        </div>
    </div>
    <div class="topbar-info">
        <ul class="fr">
            <li class="fl topbar-info-item">
                <div class="dropdown">
                    <a href="#" class="topbar-btn">
                        <span class="fl text-normal"><span class="username"></span> </span>
                        <span class="icon-arrow-down"></span>
                    </a>
                    <ul class="dropdown-menu topbar-btn-fontsize">
                        <li>
                            <a id="logout">退出</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="view-body">

    <div class="view-sidebar">
        <div class="sidebar-content">
            <div class="sidebar-nav sidebar-nav-fold operator-nav">
                <div class="sidebar-title ">
                    <a href="javascript:void(0)" id="viewProtocol">
                        <span class="icon"><b class="fl icon-arrow-down"></b></span>
                        <span class="text-normal">协议预览</span>
                    </a>
                </div>
                <ul class="sidebar-trans" >
                    <li id="preview101">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC60870-5-101</span>
                        </a>
                    </li>
                    <li id="preview104">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC60870-5-104</span>
                        </a>
                    </li>
                    <li id="previewgoose">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC61850-GOOSE</span>
                        </a>
                    </li>
                    <li id="previewsv">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC61850-SV</span>
                        </a>
                    </li>
                    <li id="previewmms">
                        <a href="#">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">IEC61850-MMS</span>
                        </a>
                    </li>
                    <li id="previewdnp3">
                        <a href="previewDNP3.html">
                            <b class="sidebar-icon"></b>
                            <span class="text-normal">DNP3</span>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="sidebar-nav operator-nav">
                <div class="sidebar-title">
                    <a href="#" id="designProtocol">
                        <span class="text-normal ml-5 mloader" >协议设计</span>
                    </a>
                </div>
            </div>

            <div class="sidebar-nav operator-nav">
                <div class="sidebar-title">
                    <a href="#" id="testProtocol" >
                        <span class="text-normal ml-5">协议测试</span>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="view-product">

        <div class="content-header">
            <ol class="breadcrumb">
                <li><a href="index.html" title="返回主页"><i class="fa fa-home"></i>主页</a></li>
                <li>测试列表</li>
            </ol>
        </div>

        <div class="content-body">
            <div id="myDiv" style="float: left;margin-bottom: 10px;">
                <div style="display: inline-block;">
                    <a href="testInstChoose.html" class="next" style="font-family: '微软雅黑';font-size: 12px">
                        <i class="fa fa-plus fa-lg"></i> 点击新建
                    </a>
                </div>

                <a style="display: inline-block;" onclick="deleteTestReports()">
                    <div class="next" style="font-family: '微软雅黑';font-size: 12px">
                        <i class="fa fa-close fa-lg"></i> 批量删除选中项
                    </div>
                </a>

            </div>
            <div class="offcial-table margin-top clearfix" style="clear: both;">
                <div class="offcial-table tr-border margin-big-top clearfix">
                    <div class="tr-th clearfix">
                        <div class="th w5">
                            <input id="allCheck" type="checkbox" value="1"/>
                        </div>
                        <div class="th w15">
                            测试报告编号
                        </div>
                        <div class="th w15">
                            协议设计编号
                        </div>
                        <div class="th w15">
                            通用电力协议名
                        </div>
                        <div class="th w25">
                            功能项
                        </div>
                        <div class="th w15">
                            创建时间
                        </div>
                        <div class="th w10">
                        </div>
                    </div>
                    <div id="tbody">
                        <!-- <div class="tr clearfix border-bottom-none" tag="104001">
                            <div class="td w5">
                                <input type="checkbox" value="1"/>
                            </div>
                            <div class="td w15">T-104001</div>
                            <div class="th w15">协议配置编号</div>
                            <div class="th w15">通用电力协议名</div>
                            <div class="th w20">功能项</div>
                            <div class="th w15">创建时间</div>
                            <div class="td w15">
                                <div style="display: inline-block;" class="myIcon" style="margin-right: 20px;"
                                     onclick="$('#dlg-report').dialog('open')">
                                    <a href="javascript:;">
                                        <i class="fa fa-search fa-lg" title="查看详情">
                                        </i>
                                    </a>
                                </div>
                                <div style="display: inline-block;" class="myIcon">
                                    <a msg="确认删除此项吗？" callback="trash()" data-id="" class="button-word2 btn_ajax_confirm">
                                        <i class="fa fa-trash fa-lg" title="删除这项配置">
                                        </i>
                                    </a>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>

            </div>

            <div class="show-page padding-big-right" id="nextPage">
                <div class="page">
                    <div class="page">
                        <ul class="offcial-page margin-top margin-big-right">
                            <!-- <li style="margin-right: 20px;display: inline-block;">
                                <a href="javascript:void(0)" onclick="$('#dlg-choose').dialog('open')" class="next" style="color: #FFF3F3; background: #40BEA6;">
                                    <i class="fa fa-plus fa-lg"></i> 新建
                                </a>
                            </li> -->
                            <li>
                                <a href="javascript:void(0)" onclick="reportFirstPage()" class="next">首 页</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" onclick="reportLastPage()" class="next">上一页</a>
                            </li>
                            <li><span class="fl">第<em class="margin-small-left margin-small-right" id="pageNum">1</em>页</span>
                            </li>
                            <li>
                                <a msg="" href="javascript:void(0)" onclick="reportNextPage()" class="next">下一页</a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 测试报告模态框 -->
        <div id="rbody">
            <!-- <div style="display: none;">
                <div id="dlg-report" class="easyui-dialog" closed="true" title="测试报告"
                     data-options="iconCls:'icon-save'"
                     style="top:80px;width: 50%; max-width: 500px; min-height: 200px; padding: 20px;">
                    <h1>编号T-104001测试报告</h1>
                    <h5>参数列表</h5>
                    <div class="offcial-table margin-top clearfix">
                        <div class="offcial-table tr-border margin-big-top clearfix">
                            <div class="tr-th clearfix">
                                <div class="th w33">
                                    序号
                                </div>
                                <div class="th w33">
                                    参数名
                                </div>
                                <div class="th w33">
                                    值
                                </div>
                            </div>
                            <div class="tr clearfix border-bottom-none">
                                <div class="td w33">
                                    1
                                </div>
                                <div class="td w33">
                                    测试选项
                                </div>
                                <div class="td w33">
                                    加密-认证
                                </div>
                            </div>
                            <div class="tr clearfix border-bottom-none">
                                <div class="td w33">
                                    2
                                </div>
                                <div class="td w33">
                                    测试时间
                                </div>
                                <div class="td w33">
                                    10s
                                </div>
                            </div>
                            <div class="tr clearfix border-bottom-none">
                                <div class="td w33">
                                    3
                                </div>
                                <div class="td w33">
                                    测试次数
                                </div>
                                <div class="td w33">
                                    5
                                </div>
                            </div>
                        </div>
                    </div>
                    <h5>测试报告</h5>
                    <div class="offcial-table margin-top clearfix">
                        <div class="offcial-table tr-border margin-big-top clearfix">
                            <div class="tr-th clearfix">
                                <div class="th w33">
                                    测试项
                                </div>
                                <div class="th w33">
                                    成/败
                                </div>
                                <div class="th w33">
                                    耗时
                                </div>
                            </div>
                            <div class="tr clearfix border-bottom-none">
                                <div class="td w33">
                                    加密
                                </div>
                                <div class="td w33">
                                    1
                                </div>
                                <div class="td w33">
                                    0.230ms
                                </div>
                            </div>
                            <div class="tr clearfix border-bottom-none">
                                <div class="td w33">
                                    认证
                                </div>
                                <div class="td w33">
                                    1
                                </div>
                                <div class="td w33">
                                    0.513ms
                                </div>
                            </div>
                        </div>
                    </div>
                    <h5>对照组</h5>
                    <div class="offcial-table margin-top clearfix">
                        <div class="offcial-table tr-border margin-big-top clearfix">
                            <div class="tr-th clearfix">
                                <div class="th w50">
                                    通用电力协议名
                                </div>
                                <div class="th w50">
                                    传输执行时间
                                </div>
                            </div>
                            <div class="tr clearfix border-bottom-none">
                                <div class="td w50">
                                    IEC60870-5-104
                                </div>
                                <div class="td w50">
                                    0.124ms
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->

            <!-- 测试报告模态框结束 -->
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        $.get("topbar.html",function (data) {
            $(".view-topbar").empty();
            $(".view-topbar").html(data)
        });

        $.get("siderbar.html", function(data) {
            $(".view-sidebar").empty();
            $(".view-sidebar").html(data);
            $("#testProtocol").css("background","#40BEA6");
        });
    });
    getTestReports(1);
</script>


</body>

</html>
